<template>
    <view 
        class="my-fixed-shopping-cart iconfont icon-gouwuchekong icon-1"
        @click="routerPush"
    >
    </view>
</template>

<script lang="ts" setup>
    import { onLoad, onShow, onHide, onReady } from '@dcloudio/uni-app'
    import { markRaw, reactive, ref } from 'vue'
    import type { Ref, Raw } from 'vue'
    const props = withDefaults(defineProps<{
        path?: string,
    }>(), {
        path: '/pages/shoppingCart/shoppingCart'
    }) 
    const routerPush = () => {
        uni.navigateTo({
            url: props.path
        })
    }
    // const emits = defineEmits<{
    //     (e:'update:loading', data: any): void
    //     (e:'routerPush', data: string): void
    // }>()
    // const routerPush = () => {
    //     emits('routerPush', '')
    // }
</script>

<style lang="scss" scoped>
    .my-fixed-shopping-cart {
        position: fixed;
        bottom: 50rpx;
        right: 50rpx;
        width: 100rpx;
        height: 100rpx;
        background-color: rgba(255, 255, 255, 0.6);
        // background-image: url(https://jdzy.tianxunwang.com/business/image/jdzy/applet/static/transshipmentInformation/popup-bg-2.png);
        // background-size: 100% 100%;
        box-sizing: border-box;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .icon-1 {
        color: #023e9e;
        font-size: 50rpx;
    }

</style>
